<template>
    <div>
        <!--  按钮弹出层 -->
        <el-dialog :close-on-click-modal="false"  v-model="Visible" title="新增用户">
            <addForm />
        </el-dialog>
      
    </div>
</template>

<script setup lang="ts">
import addForm from "./addForm.vue"
import { reactive, ref , computed } from 'vue'
import type {Ref} from "vue"  // Ref用来规定响应式数据的类型

//  定义类型一般常用的是父子间的传值 定义Props和emit
//  Props里面钢的是实际的接受的响应式的数据， emit中定义的是要会传给父组件值的函数
interface IProps{
    dialogFormVisible:boolean
}

interface Iemit{
    (e:'setVisable' , v: boolean ):void
}
//  定义完Props和emit的接口类型，在定义
const emit = defineEmits<Iemit>()
const props = defineProps<IProps>()

const Visible = computed({
    get(){
        return props.dialogFormVisible
    },
    set(v:boolean){
        emit('setVisable' , v)
    }
})
</script>

<style scoped lang="scss"></style>